<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
#header{
width:1200px;
height:100px;
background-color: yellow;
}
#container{
float:left;
}
#menu{
float:left;
width:300px;
height:500px;
background-color: lime;
}
#content{
float:right;
width:900px;
height:500px;
background-color: blue;
}
#content:AFTER {
	clear:both;
}
#a{
background-color: gray;
}
.b{
background-color: skyblue;
}
</style>
</head>
<body>
<div id="header">자바 스크립트</div>
<div id="container">
<div id="menu">
<ul>
<li>자바스크립트란?</li>
<li>변수와 상수</li>
<li>연산자</li>
<li>함수</li>
<li>이벤트</li>
<li>객체</li>
</ul>
</div>
<div id="content">
<div id="a">변수와 상수</div>
<div>

<div class="b">변수란?</div><br/>
<ul>
<li>변하는 값</li>

<li>x=10일때 왼쪽항 x는 오른쪽항의 값에 따라 값이 지정된다.</li>
</ul>
</div>
<div class="b">상수란?</div>
<div>
<ul>
<li>변하지 않는 값</li><br/>
<li>x=10에서 오른쪽 항인 10이 상수가 된다</li>
</ul>
</div>
</div>

</div>

</body>
</html>